html{
    height: 100%;
	margin:0;
	padding:0;
}

body {
  padding:0px;
  margin:0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
header{
   /* 我们希望 header 采用固定的高度，只占用必须的空间 */
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
   height:46px;
   background-color:#162535;
   color:white;
   text-align:center;
   vertical-align:middle;
   padding-top: 8px;
}

#logo{
	padding-top: -2px;
}

.container{
   /* 将 flex-grow 设置为1，该元素会占用所有的可使用空间
      而其他元素该属性值为0，因此不会得到多余的空间*/
   /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
   width:100%;
}

footer{
   /* 和 header 一样，footer 也采用固定高度*/
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
   height:24px;
   background-color:#162535;
   color:white;
   text-align:center;
   vertical-align:middle;
   padding-top:3px;
   font-size:9pt;
}

.loginPanel{
	width:470px;
	height:330px;
	background-color:#ccc7cd;
	position: absolute;
	left:50%;
	margin-top:70px;
	margin-bottom:150px;
	margin-left:-235px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn{
	height:40px;
}
.toTop {
  background-image:-webkit-linear-gradient(to top, #d4af7d, #869fae);
  background-image:linear-gradient(to top,#d4af7d, #869fae);
}
